<template>
  <div>
    <div>
      <el-input-number v-model="num1" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>
    </div>
    <div>
      <el-input-number v-model="num2" :step="2"></el-input-number>
    </div>
    <div>
      <el-input-number v-model="num3" :precision="2" :step="0.1" :max="10"></el-input-number>
    </div>
  </div>
</template>

<script>
export default {
  name: 'InputNumberComponent',
  data () {
    return {
      num1: 1,
      num2: 1,
      num3: 1
    }
  },
  methods: {
    handleChange (value) {
      console.log(value)
    }
  }
}
</script>

<style scoped>
div {
  margin-top: 20px;
}
</style>
